{% load i18n %}
<style>
    /*-------begin footer---------*/
    .footer{
        min-height: 200px;
        background: #151433;
        //background: #373D41; // gray ali nva
        clear: both;
    }
    .footer-info{
        position: relative;
    }
    .web-help{
        padding-top: 58px;
        padding-bottom: 25px;
        border-bottom: 1px solid #20203c;
        box-sizing: border-box;
        overflow: hidden;

    }
    .web-help:after{
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        content: "";
    }
    .web-logo{
        margin: 0px;
        padding-left: 25px;
        display: inline-block;
        line-height:0;
    }

    .Social-contact{
        width:190px;
    }
    .social-list{
        margin-top: 30px;
        box-sizing: border-box;
    }

    .social-list li{
        float: left;
        margin-left: 13px;
    }
    .help-list{
        position: relative;
        width: 1010px;
        margin-right: -122px;
        overflow: hidden;
    }
    .help-cate{
        width: 25%;
    }
    .help-title{
        font-size: 18px;
        color: #fff;
    }
    .help-cate ul li{
        padding: 5px 0;
    }
    .help-cate ul li a{
        font-size: 13px;
        line-height: 13px;
        color: #9b9b9b;;
    }
    .friendly-link ul:after{
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        content: "";
    }
    .friendly-link ul li{
        float: left;
        margin-left: 28px;
        margin-top: 30px;
        font-size: 13px;
        line-height: 19px;
        color: #9b9b9b;

    }
    .friendly-link ul li a{
        font-size: 0px;
    }
    .friendly-link ul li:first-child{
        margin-left: 15px;
    }

    .web-copyright{
        text-align: center;
        margin-top: 15px;
    }
    .web-copyright span{
        color: #159bd8;
    }
    .company{
        font-size: 16px;
        line-height: 16px;
        padding: 6px 0;
        color: #fff;
    }
    .copyright-info{
        font-size: 12px;
        line-height: 12px;
        padding: 6px 0;
        color: #9b9b9b;
    }
    /*-------end footer---------*/
</style>
<link rel="stylesheet" type="text/css" href="/static/home_page/css/commom.css">
<div class="footer">
    <div class="footer-info wh_1200">
        <div class="web-help">
            <div class="Social-contact fl">
                <a class="web-logo"><img src="/static/home_page/images/web-logo.png"/> </a>
                <ul class="social-list">
                    <li><a><img src="/static/home_page/images/web-f.png"/></a></li>
                    <li><a><img src="/static/home_page/images/web-tw.png"/></a></li>
                    <li><a><img src="/static/home_page/images/web-sa.png"/></a></li>
                    <li><a><img src="/static/home_page/images/web-em.png"/></a></li>
                </ul>
            </div>
            <div class="help-list fr">
                <div class="help-cate fl">
                    <span class="help-title">{% trans '下载支持' %}</span>
                    <ul>
                        <li><a href="#">{% trans 'API文档' %}</a></li>
                        <li><a href="#">{% trans 'APP下载' %}</a></li>
                    </ul>
                </div>
                <div class="help-cate fl">
                    <span class="help-title">{% trans '客户服务' %}</span>
                    <ul>
                        <li><a href="#">{% trans '使用教程' %}</a></li>
                        <li><a href="#">{% trans '常见问题' %}</a></li>
                        <li><a href="#">{% trans '服务协议' %}</a></li>
                        <li><a href="#">{% trans '交易费率' %}</a></li>
                    </ul>
                </div>
                <div class="help-cate fl">
                    <span class="help-title">{% trans '关于我们' %}</span>
                    <ul>
                        <li><a href="#">{% trans '公司介绍' %}</a></li>
                        <li><a href="#">{% trans '技术支持' %}</a></li>
                        <li><a href="#">{% trans '联络方式' %}</a></li>
                    </ul>
                </div>
                <div class="help-cate fl">
                    <span class="help-title">{% trans '用户协议' %}</span>
                    <ul>
                        <li><a href="#">{% trans '注册协议' %}</a></li>
                        <li><a href="#">{% trans '隐私条款' %}</a></li>
                    </ul>
                </div>
            </div>

        </div>
        <!--
        <div class="friendly-link">
            <ul>
                <li>{% trans '友情链接' %}</li>
                <li><a><img src="/static/home_page/images/logo_1.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_2.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_3.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_4.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_5.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_6.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_7.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_8.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_9.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_10.png"/> </a></li>
                <li><a><img src="/static/home_page/images/logo_11.png"/> </a></li>
            </ul>
	    </div>
        <div class="web-copyright" >
            <div class="company"><span>NiuBiEX</span> NETWORK TECHNOLOGY LIMITED</div>
            <div class="copyright-info">Copyright© 2018 NiuBiEX.com All Rights Reserved</div>
        </div>
        -->
    </div>
</div>
<script src="https://qiyukf.com/script/a8bb244bcab452220f09bacab2292a79.js"></script>
